<script setup lang="ts">
defineOptions({
  name: "diagram"
});
import { ref, reactive } from "vue";
const props = defineProps({
  url: {
    type: String,
    default: ""
  }
});
</script>

<template>
  <iframe class="electricity-diagram" :src="props.url" width="100%" height="100%" frameborder="0" />
</template>

<style>
.electricity-diagram {
  width: 100%;
  min-width: 800px;
  height: 100%;
  min-height: 500px;

  /* background-image: url("@/assets/images/electricity/onelineDiagram.png"); */

  /* background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 100% 100%; */
}
</style>
